<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>栅格嵌套</title>
    <link rel="stylesheet" href="../layui/css/layui.css">
</head>
<body>
    <script src="../layui/layui.js"></script>

    <div class="layui-row">
        <div class="layui-col-lg4 layui-col-lg-offset4" style="height: 400px; background-color: pink">
            <!-- 如果在col中再开一个row 又是全新的12栅格 这就是栅格嵌套 -->
            <div class="layui-row">
                <div class="layui-col-lg6" style="height: 400px; background-color: red">左边</div>
                <div class="layui-col-lg6" style="height: 400px; background-color: blue">右边</div>
            </div>
        </div>
    </div>
</body>
</html>